<template>
  <div class="big">
    <div class="header_top">
    <div class="title-name">
      <a-tabs v-model:activeKey="activeKey" >
        <a-tab-pane key="1" tab="通知"></a-tab-pane>
        <a-tab-pane key="2" tab="公示"></a-tab-pane>
      </a-tabs>
    </div>
    <div class="cha">
      查看全部
    </div>`
    </div>

    <div class="content">
        <div class="nullData">
          <img src="../../../../assets/images/nullData.png" alt="">
          <span>暂无数据</span>
        </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
const activeKey = ref('1');
</script>
<style scoped>
.big {
  width: 560px;
  height: 610px;
  background-color: #fff;
  border-radius: 4px;
  padding-left: 8px;

}
.header_top{
  display: flex;
  justify-content: space-between;
}
.title-name {
  width: 100%;
  height: 55px;
  padding: 9px 0px;
  font-size: 14px;
}
.cha{
  width:100px;
  font-size: 14px;
  height:55px;
 color: #999;
 cursor: pointer;
  line-height: 55px;
  border-bottom: 1px solid #F0F0F0;
}
.content{
  width:100%;
  height: 555px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nullData img{
  display: block;
}
.nullData span{
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
}
</style>
